<template>
   <n-message-provider>
    <MessageApi />
  </n-message-provider>
  <router-view></router-view>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

import MessageApi from "@/components/message-api.vue";
import { NMessageProvider } from "naive-ui";

export default defineComponent({
  components: { MessageApi, NMessageProvider },
  name: 'App',
  mounted(){
    (document.querySelector('body') as any).setAttribute('style', 'background-color:#f2f2f2')
  },
  destroyed(){
    (document.querySelector('body') as any).removeAttribute('style', 'background-color:#f2f2f2')
  }
})
</script>

<style>

</style>
